.contain {
  margin: .4rem .25rem;
  height: calc(100% - 1.62rem - .26rem - .26rem);
  width: calc(100% - .5rem - .9rem);
  background-image: url('../img/bg1.png');
  background-repeat: no-repeat;
  background-size: 100% 100%;
  display: block;
  padding: .26rem .45rem .26rem .45rem;
}

.search-bar {
  padding: .31rem 0 .27rem 0;
}

.search-bar>div {
  display: inline-block;
  margin-right: .1rem;
}

.tab-item {
  width: 1.09rem;
  height: .36rem;
  line-height: .36rem;
  text-align: center;
  background-image: url('../img/btndefault.png');
  background-repeat: no-repeat;
  background-size: 100% 100%;
  cursor: pointer;
  color: #BDDFFF;
  font-weight: bold;
  display: inline-block;
  margin-right: .15rem;
}

.tab-item.active {
  background-image: url('../img/btnactive.png');
  color: #fff;
}

.tab-item:hover {
  opacity: .7;
}

th {
  font-weight: 600;
}

thead>tr {
  background: linear-gradient(180deg, rgb(46, 110, 123) 0%, rgb(51, 178, 244) 100%);
  font-size: 0.16rem;
}

tr,
td,
th {
  border: 1px solid #2D4B71;
  padding: 0.08rem;
  text-align: center;
  vertical-align: middle;
}

.black-style tr,
td,
th {
  border: 1px solid #2D4B71 !important;
}

.data-tool {
  display: flex;
  justify-content: space-evenly;
}

.data-tool>div {
  color: #2CDAFF;
  display: flex;
  align-items: center;
  cursor: pointer;
}

.data-tool img {
  width: 0.16rem;
  height: 0.16rem;
  margin-right: 0.04rem;
}

.layui-form input {
  width: 2.4rem;
}

.prohibitClick {
  pointer-events: none;
  filter: grayscale(100%);
}